<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="ibox float-e-margins">
	<div class="ibox-content">
		<div class="form-horizontal">
		
			<input type="hidden" id="id" value=""/>

			<div class="row">
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">账户				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="userName" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>				
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">姓名				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="name" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">					
					<div class="form-group">
					    <label class="col-sm-3 control-label">性别					    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <select class="form-control" id="sex">
					           <option value="1">男</option>
								<option value="2">女</option>
					        </select>					       
					    </div>
					</div>
					<div class="hr-line-dashed"></div>	
				</div>
				
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">出生日期				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="birthday" type="date" onclick="laydate({istime: false, format: 'YYYY-MM-DD'})"/>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>	
				
				<div class="col-sm-6">					
					<div class="form-group">
					    <label class="col-sm-3 control-label">密码				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="password" type="password" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">确认密码				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="rePassword" type="password" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">角色					    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <select class="form-control" id="roleId">				         
					        </select>					       
					    </div>
					</div>
					<div class="hr-line-dashed"></div>	
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">公司
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="parentName" readonly="readonly" onclick="UserInfoDlg.showOfficeSelectTree(); return false;"
					        	style="background-color: #ffffff !important;"/>
					         <input class="form-control" type="hidden" id="officeId" />
					    </div>
					</div>
					 <div class="hr-line-dashed"></div>			
				</div>	
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">邮箱				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="email" type="email" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>	
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">电话				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="phone" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				
				
			</div>

			<!-- 父级部门的选择框 -->
			<div id="parentOfficeMenu" class="menuContent"
				 style="display: none; position: absolute; z-index: 200;">
				<ul id="parentOfficeMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
			</div>

			<div class="row btn-group-m-t">
				<div class="col-sm-10">
	               	 <button type="button" class="btn btn-info" id="ensure" onclick="UserInfoDlg.addSubmit()" >
						   <i class="fa fa-check"></i>&nbsp;提交
					</button>
					<button type="button" class="btn btn-danger"  id="cancel" onclick="UserInfoDlg.close()" >
						   <i class="fa fa-eraser"></i>&nbsp;取消
					</button>                   
                </div>
			</div>
		</div>

	</div>
</div>
<script th:src="@{/static/modular/system/user/user_info.js}"></script>
</body>
</html>
